<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!doctype html>
<html class="no-js" lang="en">

<head>
    <meta charset="utf-8">
    <meta http-equiv="x-ua-compatible" content="ie=edge">
    <title>Sign up - srtdash</title>
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="shortcut icon" type="image/png" href="static/lib/otherui/assets/img/icon/favicon.ico">
    <link rel="stylesheet" href="static/lib/otherui/assets/css/bootstrap.min.css">
    <link rel="stylesheet" href="static/lib/otherui/assets/css/font-awesome.min.css">
    <link rel="stylesheet" href="static/lib/otherui/assets/css/themify-icons.css">
    <link rel="stylesheet" href="static/lib/otherui/assets/css/metisMenu.css">
    <link rel="stylesheet" href="static/lib/otherui/assets/css/owl.carousel.min.css">
    <link rel="stylesheet" href="static/lib/otherui/assets/css/slicknav.min.css">
    <!-- amchart css -->
    <link rel="stylesheet" href="static/lib/otherui/assets/css/export.css" type="text/css" media="all" />
    <!-- others css -->
    <link rel="stylesheet" href="static/lib/otherui/assets/css/typography.css">
    <link rel="stylesheet" href="static/lib/otherui/assets/css/default-css.css">
    <link rel="stylesheet" href="static/lib/otherui/assets/css/styles.css">
    <link rel="stylesheet" href="static/lib/otherui/assets/css/responsive.css">
    <!-- modernizr css -->
    <script src="static/lib/otherui/assets/js/vendor/modernizr-2.8.3.min.js"></script>
    <link rel="stylesheet" href="static/css/style.css">
    <script type="text/javascript" src="static/js/style.js"></script>
</head>

<body>
    <!--[if lt IE 8]>
            <p class="browserupgrade">You are using an <strong>outdated</strong> browser. Please <a href="http://browsehappy.com/">upgrade your browser</a> to improve your experience.</p>
        <![endif]-->
    <!-- preloader area start -->
    <div id="preloader">
        <div class="loader"></div>
    </div>
    <!-- preloader area end -->
    <!-- login area start -->
    <div class="login-area">
        <div class="container">
            <div class="login-box ptb--100">
                <form action="user/register" lay-data="url:'user/register'" method="post">
                    <div class="login-form-head">
                        <h4>Sign up</h4>
                        <p>欢迎注册厄洛斯酒店管理系统.如有问题请联系前台解决!</p>
                    </div>
                    <div class="login-form-body">
                    	<div class="form-gp">
                            <label for="exampleInputUserName1">用户名</label>
                            <input name="username" type="text" id="exampleInputUserName1">
                            <i class="ti-user"></i>
                        </div>
                        <div class="form-gp">
                            <label for="exampleInputPassword1">密码</label>
                            <input name="password" type="password" id="exampleInputPassword1">
                            <i class="ti-lock"></i>
                        </div>
                        <div class="form-gp">
                            <label for="exampleInputName1">姓名</label>
                            <input name="name" type="text" id="exampleInputName1">
                            <i class="ti-ink-pen"></i>
                        </div>
                        <div class="form-gp">
                            <label for="exampleInputIDNumber1">身份证</label>
                            <input name="id_number" type="text" id="exampleInputIDNumber1">
                            <i class="ti-credit-card"></i>
                        </div>
                        <div class="form-gp">
                            <label for="exampleInputSex1">性别</label>
                            <input name="sex" type="text" id="exampleInputSex1">
                            <i class="ti-heart"></i>
                        </div>
                        <div class="form-gp">
                            <label for="exampleInputBirth1">生日</label>
                            <input name="birth" type="text" id="exampleInputBirth1">
                            <i class="ti-gift"></i>
                        </div>
                        <div class="form-gp">
                            <label for="exampleInputEmail1">邮箱</label>
                            <input name="email" type="email" id="exampleInputEmail1">
                            <i class="ti-email"></i>
                        </div>
                        <div class="form-gp">
                            <label for="exampleInputPhone1">电话</label>
                            <input name="phone" type="text" id="exampleInputPhone1">
                            <i class="ti-mobile"></i>
                        </div>
                        <div id="slideBar" style="margin: 0 auto"></div>
                        <div class="form-gp">
                            <label for="exampleInput1"></label>
                        </div>
                        <div class="submit-btn-area">
                            <button id="form_submit" type="submit">提交 <i class="ti-arrow-right"></i></button>
                            </div>
                        </div>
                        <div class="form-footer text-center mt-5">
                            <p class="text-muted">已有账户? <a href="login.jsp">登 录</a></p>
                        </div>
                    </div>
                </form>
            </div>
        </div>
    </div>
    <!-- login area end -->


    <script type="text/javascript">
        var dataList = ["0","1"];
        var options = {
            dataList: dataList,
            success:function(){  
                console.log("show");  
            },
            fail: function(){
                console.log("fail");  
            }
        };
        SliderBar("slideBar", options);
    </script>
    <!-- jquery latest version -->
    <script src="static/lib/otherui/assets/js/vendor/jquery-2.2.4.min.js"></script>
    <!-- bootstrap 4 js -->
    <script src="static/lib/otherui/assets/js/popper.min.js"></script>
    <script src="static/lib/otherui/assets/js/bootstrap.min.js"></script>
    <script src="static/lib/otherui/assets/js/owl.carousel.min.js"></script>
    <script src="static/lib/otherui/assets/js/metisMenu.min.js"></script>
    <script src="static/lib/otherui/assets/js/jquery.slimscroll.min.js"></script>
    <script src="static/lib/otherui/assets/js/jquery.slicknav.min.js"></script>
    
    <!-- others plugins -->
    <script src="static/lib/otherui/assets/js/plugins.js"></script>
    <script src="static/lib/otherui/assets/js/scripts.js"></script>
</body>

</html>